<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>层叠性</title>
		<style>
			/*
			1:层叠性
				1: 样式冲突, 遵循就近原则,显示离结构体最近的样式
				2: 样式不冲突, 不会层叠
			2: 继承性
			    子标签会继承父标签的某些特性
				例如text-,font-,line-和color 属性
			3: 特殊性
			    css优先级为了解决层叠性的显示问题:
				权重可以叠加,继承性的权重为0,权重相同,就近原则
				权重分为四组 0,0,0,0  从左到右 减小
				标签选择器: 0,0,0,1
				类选择器:   0,0,1,0
				伪类选择器: 0,0,1,0
				id 选择器:  0,1,0,0
				行内式样式表: 1,0,0,0
				!import:   最大的 无穷大
			*/
			.king{
				color: #0000FF;
			}
			div{
				color: #0000FF!important;
			}
			div{
				color: red;
			}
			
		</style>
	</head>
	<body>
		<div>王可可是一条狗</div>
		<div>
			<p>网四重</p>
		</div>
		<div class="king">
			王者荣耀
		</div>
	</body>
</html>
